<!DOCTYPE html>
  <html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
        
   <h:head>
   </h:head>
	<h:body>
		<ui:include src="/pages/header.xhtml"/>
   		<ui:include src="/pages/menu.xhtml"/>
   		<p:tabView orientation="left">
		<!-- Extraire le nom -->
			<p:tab title="#{VoyageBean.libelle}">
			<!-- Extraire le prix -->
			<h:outputText value="Prix:  #{PrixBean.valeur}" /><br/>
			<!-- Extraire le pays -->
			<h:outputText value="Pays: #{PaysBean.nom}" />
			<!-- Extraire la note -->
			<!-- Modifier la redirection de la liste des avis -->
			<br/>
			<!-- Extraire la formule -->
			<h:outputText value="Formule: #{FormuleBean.libelle}" /><br/>
			<!-- Extraire la periode -->
			<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
			<!-- Extraire la description du sejour -->
			<h:outputText value="#{VoyageBean.description}" /><br/>
			<!-- Extraire la ou les villes visite -->
			<h:outputText value="Ville(s) visite(s):" /><br/>
			<c:forEach items="${VilleBean}" var="Lville">
				<p:outputLabel value="#{Lville.villes}" var="ville">
					<h:outputText value="- #{ville.nom}" /><br/>
				</p:outputLabel>
			</c:forEach>
			<!-- Extraire les photos -->
			<h:outputText value="Photos:" /><br/>	
			<p:galleria value="#{photoBean.images}" var="image">
				<p:graphicImage value="#{image.chemin}" title="#{image.nom}" alt="#{image.description}" />
			</p:galleria>
			<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
		</p:tab>
	</p:tabView>
	<h:dataTable value="#{manager.listeClients}" 
				var="client">
				
			<h:column>
				<f:facet name="header">
					<h:outputText value="Voyage" />
				</f:facet>
				<h:outputText 
					value="#{client.libelle}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Prix" />
				</f:facet>
				<h:outputText 
					value="#{client.valeur}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Prenom" />
				</f:facet>
				<h:outputText 
					value="#{client.prenom}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Prenom" />
				</f:facet>
				<h:outputText 
					value="#{client.prenom}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Prenom" />
				</f:facet>
				<h:outputText 
					value="#{client.prenom}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Prenom" />
				</f:facet>
				<h:outputText 
					value="#{client.prenom}" />
			</h:column>
		
		</h:dataTable>
	</h:body>
</html>